<template>
	<view>
		<view class="bg flex-col items-center justify-center"><image src="/static/img/pay.png" class="img" mode=""></image></view>
		<view class="text-1 flex-col items-center justify-center">充值成功</view>
		<view class="" style="padding:0 60rpx;">
			<view class="item_box ">
				<view class="item justify-between flex-row items-center">
					<view class="x1">到账金额</view>
					<view class="x2">￥50</view>
				</view>
			</view>
			<view class="submit" hover-class="hover-opacity" @click="goTopUp">完成</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		goTopUp() {
			uni.reLaunch({
				url: '/pages/topUp/topUp'
			});
		}
	}
};
</script>
<style>
	page{
		background: #FFFFFF;
	}
</style>
<style lang="scss" scoped>
.bg {
	padding-top: 100rpx;
	.img {
		width: 349rpx;
		height: 293rpx;
	}
}

.text-1 {
	margin-top: 30rpx;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #333333;
}

.item_box {
	margin-top: 100rpx;
	.item {
		padding: 25rpx 0;
		border-bottom: 1rpx solid #e7e7e7;
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #666666;
	}

	.x2 {
		color: #ff5d5d;
	}
}

.submit {
	height: 88rpx;
	line-height: 88rpx;
	text-align: center;
	background: #246697;
	border-radius: 44rpx;
	font-size: 30rpx;
	font-weight: 500;
	color: #ffffff;
	margin-top: 100rpx;
}
</style>
